<!doctype html>
<html lang="en">

<head>
	<!-- meta data -->
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->

	<!--font-family-->
	<!-- <link href="https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900&amp;subset=devanagari,latin-ext" rel="stylesheet"> -->
	<!-- title of site -->
	<title>Sign in</title>
	<!-- For favicon png -->
	<link rel="shortcut icon" type="image/icon" href="./images/favicon.ico" />
	<!--bootstrap.min.css-->
	<link rel="stylesheet" href="./css/bootstrap.min.css">
	<!--style.css-->
	<link rel="stylesheet" href="./css/style.css">

</head>

<body>
	<!-- signin end -->
	<section class="signin">
		<div class="container-fluid">
			<div class="row">

				<div class="col-sm-4">
					<div class="single-sign">
						<div class="sign-bg">

						</div>
						<!--/.sign-bg -->
					</div>
					<!--/.single-sign -->
				</div>
				<!--/.col -->

				<div class="col-sm-8">
					<div class="single-sign">
						<div class="sign-content">
							<h2>sign in</h2>

							<div class="signin-form">
								<div class=" ">
									<div class=" ">
										<form action="signin.html">
											<div class="form-group">
												<label for="email">Username</label>
												<input type="text" class="form-control" id="username" placeholder="用户名">
											</div>
											<!--/.form-group -->
											<div class="form-group">
												<label for="password">password</label>
												<input type="password" class="form-control" id="password"
													placeholder="请输入密码">
											</div>
											<!--/.form-group -->
										</form>
										<!--/form -->
									</div>
									<!--/.col -->
								</div>
								<!--/.row -->

							</div>
							<!--/.signin-form -->
							<div class="signin-password">
								<div class="awesome-checkbox-list">
									<ul class="unstyled centered">

										<li>
											<input class="styled-checkbox" id="remember" type="checkbox" value="1">
											<label for="remember">记住我</label>
										</li>

										<li>
											<a href="#">Forgot email or password ?</a>
										</li>

									</ul>
								</div>
								<!--/.awesome-checkbox-list -->
							</div>
							<!--/.signin-password -->
							<div class="signin-footer">
								<button type="button" class="btn signin_btn" id="login-btn">登录</button>
								<p>
									Don’t have an Account ?
									<a href="signup.html">register</a>
								</p>
								<button class="btn btn-primary" id="get-btn">get</button>
								<button class="btn btn-info" id="set-btn">set</button>
							</div>
							<!--/.signin-footer -->

						</div>
						<!--/.sign-content -->
					</div>
					<!--/.single-sign -->
				</div>
				<!--/.col -->
			</div>
			<!--/.row-->
		</div>
		<!--/.container -->
	</section>
	<!--/.signin -->

	<!-- signin end -->

	<!--footer copyright start -->
	<footer class="footer-copyright">
		<div id="scroll-Top">
			<i class="fa fa-angle-double-up return-to-top" id="scroll-top" data-toggle="tooltip" data-placement="top"
				title="" data-original-title="Back to Top" aria-hidden="true"></i>
		</div>
		<!--/.scroll-Top-->

	</footer>
	<!--/.hm-footer-copyright-->
	<!--footer copyright  end -->

	<script src="./js/jquery.js"></script>
	<!--bootstrap.min.js-->
	<script src="./js/bootstrap.min.js"></script>
	<script src="./js/common.js"></script>
	<script src="./js/login.js"></script>

</body>

</html>